<template>
  <div id="app">
    <nav>
      <!-- <router-link to="/home">Home</router-link> | -->
      <button @click="cli()">Home</button>
      <!-- <span :v-for="i in ['1','2']" @click="$router.push('/about/i')">about{{i}}</span> -->
      <router-link to="/about/1">About1</router-link>|
      <router-link to="/about/2">About2</router-link>|

    </nav>
    <router-view/>
  </div>
</template>
<script>

export default {
  name: 'App',
  methods: {
    cli: function () {
      this.$router.push({
        name: 'HomeView',
        params: {
          arr: ['1', '2']
        }
      })
    }
  }
}

</script>
<style>

</style>
